<template>
    <div>
        <!-- 控制抽屉 -->
    <img src="./article.png"
         alt=""
         @click="drawer = true"
         class="logo_article">
    <!-- 抽屉 -->
    <el-drawer title="我是标题"
               :visible.sync="drawer"
               :with-header="false">
      <blog-content></blog-content>
    </el-drawer>
    </div>
</template>
<script>
import blogContent from './blogContent.vue'
export default {
  components: { blogContent },
  data () {
    return {
      drawer: false
    }
  }
}
</script>
<style lang="less" scoped>
.logo_article {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
